<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <title>Your Admin Panel</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />


    <!-- jQuery AND jQueryUI -->
    <script type="text/javascript" src="/asserts/js/libs/jquery/1.6/jquery.min.js" th:src="@{/asserts/js/libs/jquery/1.6/jquery.min.js}"></script>
    <script type="text/javascript" src="/asserts/js/libs/jqueryui/1.8.13/jquery-ui.min.js"  th:src="@{/asserts/js/libs/jqueryui/1.8.13/jquery-ui.min.js}"></script>

    <!-- Compressed Version
        <link type="text/css" rel="stylesheet" href="min/b=CoreAdmin&f=css/reset.css,css/style.css,css/jqueryui/jqueryui.css,js/jwysiwyg/jquery.wysiwyg.old-school.css,js/zoombox/zoombox.css" />
        <script type="text/javascript" src="min/b=CoreAdmin/js&f=cookie/jquery.cookie.js,jwysiwyg/jquery.wysiwyg.js,tooltipsy.min.js,iphone-style-checkboxes.js,excanvas.js,zoombox/zoombox.js,visualize.jQuery.js,jquery.uniform.min.js,main.js"></script>
        -->
    <link rel="stylesheet" href="/asserts/css/min.css" th:href="@{/asserts/css/min.css}" />
    <script type="text/javascript" src="js/min.js" th:src="@{/asserts/js/min.js}"></script>

</head>

<body>

<script type="text/javascript" src="content/settings/main.js"th:src="@{/asserts/content/settings/main.js}"></script>
<link rel="stylesheet" href="content/settings/style.css" th:href="@{/asserts/content/settings/style.css}" />

<form>
    <div class="settings" id="settings">
        <div class="wrapper">
            <div class="grid3">
                <div class="titre">Backgrounds</div>
                <a href="url(css/img/bg.html" class="backgroundChanger active" title="White"></a>
                <a href="url(css/img/dark-bg.html" class="backgroundChanger dark" title="Dark"></a>
                <a href="url(css/img/wood.html" class="backgroundChanger dark" title="Wood"></a>
                <a href="url(css/img/altbg/smoothwall.html" class="backgroundChanger" title="Smoothwall"></a>
                <a href="url(css/img/altbg/black_denim.html" class="backgroundChanger dark" title="black_denim"></a>
                <a href="url(css/img/altbg/carbon.html" class="backgroundChanger dark" title="Carbon"></a>
                <a href="url(css/img/altbg/double_lined.html" class="backgroundChanger" title="Double lined"></a>
                <div class="clear"></div>
            </div>
            <div class="grid3">
                <div class="titre">Bloc style</div>
                <a href="black.html" class="blocChanger" title="Black"
                   style="background:url(/asserts/css/img/bloctitle.png);"></a>
                <a href="white.html" class="blocChanger active" title="White"
                   style="background:url(css/img/white-title.png);"></a>
                <a href="wood.html" class="blocChanger" title="Wood"
                   style="background:url(css/img/wood-title.jpg);"></a>
                <div class="clear"></div>
            </div>
            <div class="grid3">
                <div class="titre">Sidebar style</div>
                <a href="grey.html" class="sidebarChanger active" title="Grey" style="background:#494949"></a>
                <a href="black.html" class="sidebarChanger" title="Black" style="background:#262626"></a>
                <a href="white.html" class="sidebarChanger" title="White" style="background:#EEEEEE"></a>
                <div class="clear"></div>
            </div>
            <div class="clear"></div>
        </div>
        <a class="settingbutton" href="#">

        </a>
    </div>
    <!--
            HEAD
                    -->
    -->
    <div id="head">
        <div class="left">
            <a href="#" class="button profile"><img th:src="@{/asserts/img/icons/top/huser.png}" alt="" /></a>
            Hi,
            <a href="#">John Doe</a>
            |
            <a href="#">退出</a>
        </div>
        <div class="right">
            <form action="#" id="search" class="search placeholder">
                <label>查询</label>
                <input type="text" value="" name="manager_name" class="text" />

                <input type="submit" value="rechercher" class="submit" />
            </form>
        </div>
    </div>


    <!--
                            SIDEBAR
                                     -->
    <div id="sidebar">
        <ul>
            <li>
                <a th:href="@{manager/toindex}">
                    <img th:src="@{/asserts/img/icons/menu/inbox.png}" alt="" />
                    系统首页
                </a>
            </li>
            <li class="current"><a href="#"><img th:src="@{/asserts/img/icons/menu/layout.png}" alt="" /> 图片管理</a>
                <ul>


                    <li><a th:href="@{/manager/toimagertype}">类别信息</a></li>
                    <li><a th:href="@{/manager/toimage}">图片信息</a></li>

                </ul>
            </li>
            <li><a href="#"><img th:src="@{/asserts/img/icons/menu/brush.png}" alt="" />用户管理</a>
                <ul>
                    <li><a th:href="@{/user/getalluser}">用户信息</a></li>

                </ul>
            </li>
            <li><a href="#"><img th:src="@{/asserts/img/icons/menu/brush.png}" alt="" /> 员工管理</a>
                <ul>
                    <li><a th:href="@{/manager/tableui}">员工信息</a></li>
                    <li><a th:href="@{/manager/toupdpwd}" class="zoombox w450 h700">修改密码</a></li>


                    </li>
                </ul>
            </li>
            <li class="nosubmenu"><a th:href="@{/manager/tomodal}" class="zoombox w450 h700"><img
                    th:src="@{/asserts/img/icons/menu/lab.png}" alt="" />系统管理</a>
            </li>
            <li class="nosubmenu"><a th:href="@{/manager/tomodal}" class="zoombox w450 h700"><img
                    th:src="@{/asserts/img/icons/menu/comment.png}" alt="" /> 消息管理</a></li>
        </ul>


    </div>




    <!--
          CONTENT
                    -->
    <div id="content" class="white">
        <div>
            <h1 style="display: inline-block;"><img th:src="@{/asserts/img/icons/posts.png}" alt="" /> ManagerTable</h1>
            <table style="width: 500px; margin: 0 auto;">
                <tr>

                    <td>
                        <label>姓名</label>
                        <input type="text" value="" name="manager_name" class="text" />
                    </td>
                    <td> 状态：</td>
                    <td style="width: 30px;"><select name="manager_status" class="form-control">
                        <option value="">请选择状态</option>
                        <option value="正常" selected>正常</option>
                        <option value="停用">停用</option>
                    </select></td>
                    <td> <input type="submit" value="查询" class="submit" />
                    </td>
                    </td>
                </tr>
            </table>


            </div>
            <div class="bloc">
                <div class="title">
                    管理员信息
                </div>
                <div class="content">
                    <table>
                        <thead>
                        <tr>
                            <th><input type="checkbox" class="checkall" /></th>
                            <th>用户id</th>
                            <th>用户姓名</th>
                            <th>用户头像</th>
                            <th>用户状态</th>
                            <th><img th:src="@{/asserts/img/th-comment.png}" alt="" /></th>
                            <th>编辑</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr th:each="user:${userList}">
                            <td><input type="checkbox" /></td>
                            <td th:text="${user.user_id}"></td>
                            <td th:text="${user.user_name}"></td>
                            <td th:text="${user.user_head}"></td>
                            <td th:text="${user.user_status}"></td>
                            <td>35</td>
                            <td class="actions">
                                <a th:href="@{/manager/toinsert}" title="Edit this content" class="zoombox w450 h700"><img th:src="@{/asserts/img/icons/actions/edit.png}" alt="" /></a>
<!--                                <a th:href="@{/manager/del/}+${user.getManager_id()}" title="Delete this content"><img th:src="@{/asserts/img/icons/actions/delete.png}"-->
<!--                                                                                                                          alt="" /></a>-->
                            </td>
                        </tr>
                        </tbody>
                    </table>
                    <div class="left input">
                        <select name="action" id="tableaction">
                            <option value="">Action</option>
                            <option value="delete">Delete</option>
                        </select>
                    </div>
                    <div class="pagination">
                        <a href="#" class="prev">«</a>
                        <a href="#">1</a>
                        <a href="#" class="current">2</a>
                        ...
                        <a href="#">21</a>
                        <a href="#">22</a>
                        <a href="#" class="next">»</a>
                    </div>
                </div>
            </div>

    </div>

    </form>
</body>

</html>